<template>
  <div class="cells">
      <div class="cells-item" v-for="(item,index) in cells" :key="index">
          <img :src="item" alt="" />
      </div>
  </div>
</template>

<script>
export default {
  name: "Cells",
  props:['cells'],
};
</script>

<style lang="less" scoped>
.cells{
    width: 7.2rem;
    display: flex;
    flex-wrap: wrap;
    .cells-item{
        width: 1.44rem;
        height: 1.52rem;
        img{
            width: 100%;
            height: 100%;
        }
    }
}
</style>